<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>找回密码</title>
    <link rel="stylesheet" type="text/css" href="./static/css/passwordFind.css">
    <!-- 引入vue包 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 引入小程序云环境 -->
    <script src="https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js"></script>
    <!-- 引入vue的cookie -->
    <script src="https://unpkg.com/vue-cookies@1.8.1/vue-cookies.js"></script>
  
</head>
<body>
    <section>
        <!-- 登录框 -->
        <div class="container" id="loginfind">
            <div class="ret" id="loginfind">
                    <div style="width: 5%;" @click="goback"><img src="./static/images/后退.png"></div>
                    <div style="width: 5%;" @click="goback">返回</div>
                    <div style="width: 5%;" @click="goback"><img src="./static/images/刷新.png" height="50%"></div>
            </div>
            <div class="form">
                <div style="display: flex;justify-content: center;font-size: x-large;">找回密码</div>
                <div class="box">
                    <img src="" class="Img">
                    <div style="display: flex;justify-content: space-between;">
                        <input type="text" placeholder="请输入邮箱" v-model="email">
                        <div v-if="canGetCode==true" class="getCode" @click="getCode" id="loginfind">获取验证码</div>
                        <div v-if="canGetCode==false" class="getCode2" id="loginfind">({{waitTime}})</div>
                    </div>
                </div>
                <div class="box">
                    <img src="./static/images/聊天冒泡.png" class="Img">
                    <div><input type="text" placeholder="请输入验证码" v-model="inputCode"></div>
                </div>
                <div class="box">
                    <img src="./static/images/锁住.png" class="Img">
                    <div><input type="password" placeholder="请输入8至16位新密码" maxlength="16" v-model="newPassOne"></div>
                    <img src="./static/images/闭上眼睛.png" style="position: absolute;right: 18%;">
                </div>
                <div class="box">
                    <img src="./static/images/锁住.png" class="Img">
                    <div><input type="password" placeholder="请再次输入新密码" v-model="newPassTwo"></div>
                    <img src="./static/images/闭上眼睛.png" style="position: absolute;right: 18%;">
                </div>
                <div class="certain" @click="submit">
                    提交
                </div>
            </div>
        </div>
    </section>

    <script type="text/javascript" src="./static/js/passwordFind.js"></script>
</body>
</html>